p {
    color:#555;
    line-height: 22px;
}
body {
    background: #f3f3f4;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px!important;
    margin: 0;
    padding: 0;
}
.content a {color:#3853a4;}
h1.htitle {font-size: 30px;font-weight: bold;color: #ef71ab;padding-bottom: 5px;}
h1.htitle img {margin: 5px 10px;}
#wrapper {
    /*width: 1003px;*/
    margin-left: auto; 
    margin-right: auto;
    /*border: 1px solid #ccc;*/
}

#header {
    margin: 0 auto;
    width: 1003px;
    height: 150px;
    background: url(images/logo.png) no-repeat;
}

#lang-bar {width: 100px; float: right;}
.top-search {position: relative;float: right;margin-top: 125px;}
#hmenu-container { height: 35px;}
.hmenu-main {
    margin: 0 auto;
    width: 1003px;
    position: relative;
    padding-right: 20px;
}
.nav-left,.nav-right {height: 100%;width:16px;float: right;position: relative;}
.nav-left {background: url(images/mborder.png) right 0;left:0;}
.nav-right {background: url(images/mborder.png) left 0;right:0;}
#hmenu-container div.nav {
    width: auto;
    background:url(images/hmenubg.gif) repeat-x;
    height: 35px;
    margin-top:0; 
    position: relative;
    float: right;
}

#hmenu-container ul.hmenu 
{
    margin: 0;
    float: left;
    position: relative;
    z-index: 100000002;
    padding: 0;
}

#hmenu-container ul.hmenu li
{
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    z-index: 100000002;
    position: relative;
    list-style-type: none;
}
#hmenu-container ul.hmenu li a 
{
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 8px;
    text-decoration: none;
    border-left: 1px solid #fff;
}
#hmenu-container ul.hmenu li.first a {border: none;background: url(images/homebg.gif) center no-repeat;padding: 10px 13px;}
/*#hmenu-container ul.hmenu li a:hover {background:rgb(253,101,152);}*/
#hmenu-container ul.hmenu li:hover {background:rgb(253,101,152);}
#hmenu-container ul.hmenu li.first:hover {background: none;}
#hmenu-container ul.hmenu li.first a:hover {background: url(images/homebg.gif) center no-repeat;}
#hmenu-container ul ul.submenu
{
    background:rgb(253,101,152);
    left:1px;
    position: absolute;
    top: 100%;
    display: none;
    width: 200px;
    z-index: 100000002;
    padding: 0;
}
#hmenu-container li.parent-li:hover ul.submenu
{
    display: block;
}
#hmenu-container ul ul.submenu li
{
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
    float: none;
    z-index: 100000002;
    line-height: 1.3em;
    /*padding: 2px 10px;*/
}
#hmenu-container ul ul.submenu a {border: none;font-size: 11px;font-weight: normal;}
#hmenu-container ul ul.submenu a:hover {color: #333;}
#hmenu-container ul li.subpar-li {position: relative;}
#hmenu-container ul.submenu ul.subchild {
    position: absolute;
    margin-left: 200px;
    padding: 0;
    z-index: 100000003;
    width: 200px;
    background:rgb(253,101,152);   
    display: none;
    top:0;
    border-left: 1px solid #ccc;
}
#hmenu-container ul li.subpar-li,#hmenu-container ul li.subpar-li:hover {background: url(images/arrow-right.png) right center no-repeat;}
#hmenu-container ul li.subpar-li:hover a {color: #fff;}
#hmenu-container ul li.subpar-li:hover ul.subchild  {display: block;}
#hmenu-container ul.submenu ul.subchild li {z-index: 100000003;}

/*----top menu-----*/
.menu-top {width: 455px;float: right;margin-top: 12px;clear: right;}
.menu-top ul li
{
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    position: relative;
    list-style-type: none;
}
.menu-top ul a {
    color: #f172ac;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 8px 15px;
    text-decoration: none;
}
.menu-top ul a:hover {
    text-decoration: underline;
}

.social-top {display: block;margin: 60px 32px 2px 0;width: 50%;float: right;}
.social-top li {list-style-type: none;float: right;padding:2px;}
/*----end-------*/

/*----group menu----*/
.groupmenu {
    width:200px;
    float: left;  
}
.groupmenu h4 {padding-bottom: 2px; color: #3853a4;}
.groupmenu ul {margin: 0;padding: 0;list-style-type: none;} 
.groupmenu ul li {margin-bottom: 9px;padding-left: 15px;background: url(images/bglist.gif) left 4px no-repeat;}
.groupmenu ul a {color: #3853a4;font-size: 12px;}
.groupmenu dl a{font-size: 12px;}
.groupmenu dl dt {padding-left: 15px;background: url("images/bglist.gif") no-repeat scroll left 4px rgba(0, 0, 0, 0);margin-top: 12px;}
.groupmenu dl dd {padding-left: 15px;margin-left: 10px; background: url("images/arrow-right.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);}
/*----end----*/
.content-article {
    margin-left: 215px;
    padding-left: 15px;
    border-left: 1px solid #f172ac;
    min-height: 400px;
}
#dlsearch {margin: 20px auto; padding:0 15px 15px 15px;/*background-color: #eee;*/border: 1px solid #ccc;}
#dlsearch dt {margin-top: 15px;}
.sitemap-main {width: 430px; margin: 0 auto;padding: 10px;border-top: 1px solid #fef;}
.sitemap, .sitemap .submenu {list-style-type:lower-roman;}
.sitemap li {padding-top: 7px;}
.sitemap .parent-li {margin-top: 5px;}
.sitemap a {color: #333;} 
.page-faq dt{cursor: pointer;margin-top: 13px;}
.page-faq dt:hover {text-decoration: underline;}
.page-faq dd {display: none;margin-left: 20px;padding-left: 15px;background: url("images/arrow-right.png") no-repeat scroll left 0;}

#content-container { padding: 5px 0;}

#content-left {
	float:left;
    width:180px;
    margin-right: 20px;
	background: #F4F4F4;
	border-right: 1px solid #ccc;
	min-height: 300px;
	position: relative;
    padding-left: 20px;
}
#content-right {
	float: right;
    padding: 10px 11px;
    width: 275px;
}
.content-margin-left { margin-left: 200px; }
.content-margin-right { margin-right: 276px; }
/*#content-main {margin: 0 auto; width:1440px;}*/
.content {margin: 0 auto; width:1003px;padding: 15px;position: relative;}
.parent-content {width: 100%;position: relative;background-color: #eee;border: 1px solid #ccc;}
.parent-content ul {padding: 10px;margin: 0;list-style-type: none;}
.parent-content ul li {line-height: 30px;padding-left: 20px; background: url(images/bglist.gif) left center no-repeat;}
.parent-content dl {padding: 15px; margin: 0;}
.parent-content dl dt {margin-top: 5px;padding-left: 20px;background: url(images/arrow-right.gif) left center no-repeat;}
.parent-content dl dd {margin-left: 20px;}
.parent-content dl dd {line-height: 30px;padding-left: 15px; background: url(images/bglist.gif) left center no-repeat;}

#banner {/*height: 435px;*/ margin: 10px 0 15px 0;}
/*home---------------------*/
.bottom-box {margin: 0 auto; width: 1003px;padding: 10px;position: relative;}
.bottom-box .box {width: 325px;float: left;position: relative;}
.bottom-box .nonfn-service {margin:0;}
.bottom-box .news-event {margin-right:7px;}
.box-content {
    /*background-color: #fff;margin-top: 5px;padding: 10px 20px;*/
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 230px;
    margin: 20px auto;
    width: 272px;
    transform-style: preserve-3d;
    position: relative;
}
.box-content .box-desc{
	position: absolute;
    margin: 0;
	/*bottom: -75%;*/
    bottom: 0;
    top:175px;
	z-index: 99999999;
	background: url(images/up.png) top right no-repeat rgba(0,0,0,0.5);
	width: 100%;
	left: 0;
	padding: 14px;
    display:block;
	font-size: 12px;
    line-height: 20px;
    font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    color: #fff;
}
.box-content a{color: #fff;font-weight: bold;font-size:12px;}
.box-content a:hover {color: #fff;text-decoration: none;}
.box-content .box-desc:hover{
    background: url(images/down.png) top right no-repeat rgba(0,0,0,0.5);
    }

.box-content img {margin: 0 20px;/*border-bottom:2px solid #ccc;*/}
.box-content a img {margin: 5px 70px;border: none;}
.bottom-box h4 {
    font-size: 14px;text-align: center;height: 40px;
    padding: 12px 0;color: #555;font-weight: bold;
    /*margin:0 20px;*/
    /*background: url(images/box-title.png) no-repeat;*/
    background: #ccc;
}
.bottom-box .nonfn-service .box-content {
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
}
.fn-service h4{background: url(images/fn_title.png) center top no-repeat;margin:0 22px;}
.nonfn-service h4{background: url(images/nonfn_title.png) center top no-repeat;margin:0 20px;}
.news-event h4 {background: url(images/news_title.png) center top no-repeat;margin:0 22px;} 

.box p {margin-top: 5px;padding-top: 10px;}
.recommend-award {margin-top: 10px;height: 175px;background: url(images/bg-border-head.jpg) top left repeat-x;}
.logo-partner-container {background: url(images/bg-border-head.jpg) top left repeat-x;}
.logo-partner {padding-bottom:15px;height: 140px;margin: 0 auto;max-width: 1440px;}
.bottom-image {height: 153px;margin: 0 auto;max-width: 1440px;}
.bottom-image  .marquee0{white-space:nowrap;width:99%;margin-left:15px;padding:10px;padding-right: 0;}
#marq_kill_marg_bord{border:none!important;margin:0!important;}
.head-border {height: 30px;background: url(images/bgpartner.jpg) left center #e7e7e9 no-repeat;position: relative;top: 1px;}
.head-border h4 {
    font-size: 14px;
    margin-left: 50px;
    padding: 6px 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #555;
}
.bottom-image div div {margin: 0;padding-top: 10px;padding-left: 10px;}
.bottom-image .box-image {width: 34%;float: left;border-right: 2px solid #e7e7e9;height: 186px;}
.bottom-image h4 {margin: 0;padding: 5px 0 5px 70px;height: 30px;text-transform: uppercase;font-size: 14px;font-weight: bold;color: #555;}
.bottom-image .box-image h4 {background:url('images/bgreg-award.jpg') left center no-repeat #e7e7e9;}
.box-rpt-anouncement {width: 325px;float: left;height: 186px;}
.bottom-image .box-rpt-anouncement h4 {background:url('images/bgrpt-ann.jpg') left center no-repeat #e7e7e9;padding-left: 80px;}
.bottom-image .box-image img {width: 90px;}
.box-video {float: right; margin:0;height: 186px;width: 500px; position: relative;border-left: 2px solid #e7e7e9;}
.box-video table td {display: inline-block;}
.video-desc {vertical-align: top;padding-top: 40px;}
.video-desc ul {width: 200px;height: 164px;overflow: auto;padding: 5px 5px 5px 15px;}
.video-desc ul li {list-style-type: square;margin-bottom: 5px;}
.video-desc ul a {color: #000;text-decoration: underline;}
/*---end----*/

/*---------login------------*/
.dev-login form
{
    background: url("images/bg_form.jpg") repeat-x scroll left top #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    width:358px;height: 225px;
    margin: 150px auto;
}

.dev-login form h4
{
    background: url("images/key.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Gill Sans MT";
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 24px;
    margin-left: 15px;
    padding-left: 45px;
}
.dev-login input[type="text"], .dev-login input[type="password"] {
    border: 1px solid #BEC2C4;
    box-shadow: 0 0 0 4px #F2F5F7;
    color: #AEAEAE;
    height: 33px;
    margin-left: 25px;
    padding: 0 10px;
    width: 310px;
}
#cobranchlogin {
    box-shadow: 0 0 0 4px #F2F5F7;
    height: 33px;
    margin-left: 25px;
    width: 310px;
}
.clsbutton_new {
    background: url("images/button_new.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid #FF6699;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: "Gill Sans MT";
    font-size: 12px;
    height: 29px;
    margin-right: 25px;
    min-height: 29px;
    padding-bottom: 1.5px;
    width: 80px;
}
/*end*/
.box-search {width: 550px;margin: 30px auto;padding: 20px 10px;}
.oops-404 {float: left;margin:20px 40px 20px 0;}
.oops-p {margin-top: 100px;}

.img-caption-right {width: 250px;float: right;margin-left: 10px;}
div.history p {margin-left: 15px;}
div.history strong {background: url(images/pink-star.gif) no-repeat; padding-left: 20px;margin: 0;}
.sidebar {margin-bottom: 15px;padding: 10px;}
.social-sidebar {background-color: #FACDE1;}
.social-sidebar img {margin-left: 3px;margin-bottom: 5px;}
.promotion-sidebar {background-color: #dbdddb;color: #333;font-size: 12px;}
.content-search dl dt {margin-top: 15px;font-weight: normal;}
.content-search dl dd {margin-left: 15px;}
#breadcrumb {/*background-color: #fce3ee;*/padding: 5px; margin: 5px auto;width: 1003px;}
#breadcrumb a {font-size: 11px;color: #333;}
.menu-right {margin: 10px 0;background-color: #facde1;}
.menu-right h4{padding: 10px 15px;text-transform: uppercase;background-color: #f8bbd6;}
.menu-right ul {padding:2px 15px 10px 15px;list-style: none;}
.menu-right ul li {border-bottom: 1px dotted #fff;}
.menu-right ul li a{padding: 6px 0;color: #666;}
.menu-right dl {padding:2px 15px 10px 15px;list-style: none;margin: 0;}
.menu-right dl ul {margin: 0;}
label.error {color: #f00!important; font-weight: normal!important;top: 0!important;}
.table-form-submit td { padding:15px 5px;}
.table-form-submit td label {margin:0; padding: 0 12px;top: -8px; position: relative; }
.table-form-submit td input.form-control {height: 30px;width: 400px;}
.table-form-submit td select.form-control {height: 30px;width: 200px;}
.social-share {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    /*width: 440px;*/
    width: 200px;
    z-index: 1005;
    }
.btn-print {
    background: url(images/print.png) no-repeat top left;
   /*
    margin-right: 5px;
    position: relative;
    top: -6px;
    width: 25px;
    height: 25px;
    border: none;
    */
    border: medium none;
    float: left;
    height: 25px;
    margin-right: 8px;
    position: relative;
    top: -3px;
    width: 25px;
}
.share-email {
    background: url(images/email.png) top left no-repeat;
    height: 24px;
    position: relative;
    top: -6px;
    width: 37px;
    border: none;
    }
.share-email-form 
{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    left: 185px;
    position: absolute;
    top: 81px;
    width: 600px;
    z-index: 100006;
}
.share-email-form  h3 {
    background:#ef71ab;
    margin: 0;
    padding: 10px 20px;
}
.share-email-form table {margin: 15px;}
.share-email-form table label{top: -8px;position: relative;} 
.frm-email-hide {display: none;}
.img-cross {
    border: 1px solid #eee;
    float: right;
    padding: 0 5px;
}
.img-cross:hover {text-decoration: none;}
.pri-show {
    padding-right: 145px;
    text-align: right;
}
.content .link-show-share {color: #333;font-size: 11px;position: relative;}
.content .link-show-share:hover {text-decoration: none;}
.content .link-show-share:hover div.social-share {display: block;}
.tbl-news td {padding: 10px 5px;}
.p-news + [data-readmore-toggle]{font-weight: bold;color:#ef71ab;}
.tbl-news tr {border-bottom: 1px solid #ccc;}
.hotline {position: relative;top: 8px;font-size: 15px;font-weight: bold;color: #fff;}
.hotline a,.hotline a:hover {text-decoration: none;}
/*#footer-container {padding: 10px 20px;}*/
#footer {font-size:12px;}
.menu-footer {
    padding: 0 20px;
    background-color: #f172ac;
    text-align: right;
    height: 35px;
}
.menu-footer-container {width: 1003px; padding: 0;margin: 0 auto;} 
.menu-footer ul {height: 35px;width: 350px; padding: 0;float: right;margin: 0;}
.menu-footer .cnt-visitor {height: 35px;width: 390px; padding: 0;float: left;margin: 0;}
.menu-footer .cnt-visitor li {
    float: left;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    border-right: 1px solid #fff;    
}
.menu-footer .cnt-visitor li.first {border: none;}
.menu-footer ul li
{
    float: right;
    line-height: 1.3em;
    vertical-align: middle;
    position: relative;
    list-style-type: none;
}
.menu-footer ul a {
    color: #fff;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:10px 7px;
    text-decoration: none;
    border-left: 1px solid #fff;
}
.menu-footer li.first a,.menu-footer li a.socialbox {border: none;}
/*.menu-footer li.last a {border-right: 1px solid #fff;}*/
.menu-footer ul a:hover {
    text-decoration: underline;
}

.menu-footer ul a.socialbox:hover {
    text-decoration: none;
}
.menu-footer ul a.socialbox {
    padding:0;
}
.menu-footer ul .icon-fb,.menu-footer ul .icon-youtube,.menu-footer ul .icon-skype {padding: 0;}
.info-container {
    margin-top: 2px;
    background-color: #4b4b4b;
    height: 100px;
}
.info-container .info-menu {width: 1003px;height: 55px; margin: 0 auto;padding: 10px 0;border-bottom: 2px solid #bababa;}
.info-container .ul-info-menu {width: 35%;float: left;padding:13px 0;margin: 0;}
.info-container .ul-info-menu li
{
    display: inline;
    line-height: 1.3em;
    vertical-align: middle;
    position: relative;
    list-style-type: none;
}
.info-container .ul-info-menu a {
    color: #dcdcdc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding:3px 10px 3px 0;
    text-decoration: none;
}
.info-container .ul-info-menu a:hover {text-decoration: underline;}
.ul-contact-menu {margin:10px;}
.ul-contact-menu li {float: left;list-style-type: none;}
.ul-contact-menu li a {padding: 10px 25px 10px 60px;color: #dcdcdc;text-decoration: none;}
.ul-contact-menu li.call a {background: url('images/icon-call.png') left center no-repeat;}
.ul-contact-menu li.email a {background: url('images/icon-email.png') left center no-repeat;}
.info-container .ul-social-menu {width: 25%;float: right;margin: 0;padding: 0;}
.ul-social-menu li {float: right;list-style-type: none;padding-left:3px;}


.info-container .info {margin: 0 auto; width: 1003px;padding: 10px;text-align: center;color:#fff; font-weight: bold;}
.info-container p {color:#dcdcdc;text-align: center;margin: 10px 0;padding: 5px;position: relative;}